/*frame*/
.ui-layout-container { padding: 0; margin: 0; }
.north { width: inherit;  }
.west { background: #fff; padding: 5px; }
.south { background: #009ada; line-height: 30px; text-align: center; color: #fff; }
.frame-center { padding: 0; background: #fff; }
.ui-layout.pane { margin: 0; padding: 0; }

#logo { width: 340px; height: inherit; background: url(../image/logo.png) no-repeat; float: left; }

#topMenu { width: 300px; height: 30px; position: absolute; right: 20px; top: 40px; text-align: right }
#topMenu span { margin-right: 10px; }

#mainMenu { width: 178px; margin: 0 auto; }
#mainMenu li { width: 178px; height: 35px; line-height: 35px; margin-bottom: 2px; text-align: center; background: url(../image/menu-li-bg.png) no-repeat;cursor: pointer }
#mainMenu a { color: #000; text-decoration: none; }
#mainMenu li:hover { background-position: 0 -35px; }
#mainMenu li:hover a { color: #fff; text-decoration: none; }
#mainMenu li.active { background-position: 0 -35px; }
#mainMenu li.active a { color: #fff; text-decoration: none; }

/*common*/
.pageTitle { background: #bbe5f5; border: 1px solid #fff; text-indent: 10px; color: #0140d9 }
.form-horizontal { background: #fff; border: 1px solid #fff; margin-top: -1px; padding: 10px 0; }
.icon { width: 16px; height: 16px; display: inline-block; border: 1px solid red }
.fa-x { font-size: 36px; vertical-align: -15%; cursor: pointer; color: #428bca }
.text-red { color: red; }
.text-yellow { color: orange; }
.asterisk { height: 34px; line-height: 24px; padding-top: 8px; overflow: hidden; font-size: 1.75em; font-family: Arial }
.placeholder { color: #aaa; }
/*areapicker*/
.areapicker { background: #fcfdfd url("image/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% bottom repeat-x; border: 1px solid #a6c9e2;
    padding: 0.2em 0.2em 0; display: none; position: absolute; z-index: 1; border-radius: 4px; }
.areapicker .title { margin: 0 2.3em; line-height: 1.5; text-align: center; padding: 5px 0; font-size: 16px; }
.areapicker .selectAll { border-bottom: 1px solid #ddd; margin: 0.5em; padding: 5px 0 }
.areapicker ul { margin: 0.5em; height: 200px; overflow: auto; overflow-x: hidden; font-size: 14px; }
.areapicker ul li { width: 13em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 26px; line-height: 26px; margin: 0 1.5em 0 0; display: inline-block; }
.areapicker input[type="checkbox"] { margin-right: 5px; cursor: pointer; }
/*patch*/
table.dataTable { border-collapse: collapse; border: 1px solid #bfd8df; }
table.dataTable thead { background: url(../image/datatable-thead-bg.png) repeat-x; }
table.dataTable tbody th,
table.dataTable tbody td { padding: 8px 18px; }
table.dataTable thead th, table.dataTable thead td { padding: 10px 18px; border-bottom: 1px solid #bfd8df; }
table.dataTable.display tbody td { border-top: 1px solid #bfd8df; }
table.dataTable.no-footer { border-bottom: 1px solid #bfd8df; }
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #f8fcfd; }
.dataTables_wrapper .dataTables_paginate .paginate_button { padding: 5px 10px; }
.ui-datepicker { font-size: 12px; }
.ui-datepicker .ui-datepicker-title select { width: 4.5em; font-size: inherit; font-family: inherit }

.ui-icon { display: inline-block; }
.ui-widget { font-family: inherit; }
.ui-dialog .ui-dialog-content { text-align: center; padding: 2em 1em }
.ui-progressbar { height: 1em; background: #e5e5e5; border-radius: 4px; }
.ui-progressbar .ui-progressbar-value { margin: 0; width: 0; background: #009ada; }

/*任务管理*/
#searchForm { background: #f4f9fc; margin-bottom: 5px; border: 1px solid #bfd8df; }
#searchForm .row { padding: 5px; margin: 0; }
.formCreateTask { min-height: 450px }

label.error { margin-left: 10px; color: red; line-height: 1.5; }

